<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>米卡米卡商品详情</title>
		<link rel="stylesheet" type="text/css" href="../css/detail.css" />
		<script src="/libs/requirejs/require.js" data-main="/js/detail"></script>
	</head>

	<body>
		<header></header>
		<div class="maxPath"></div>
		<div class="maxwIn">
			
		</div>

		<footer></footer>
		
		<script type="text/html" id="detail-template">
				<div class="main">
					<!--商品相册、、放大镜-->
					<div class="picture">
						<div class="big-pic">
							<img src="{{prod.photos[0].url}}" class="prod-img" data-zoom-image="{{prod.photos[0].url}}"/>
						</div>
						<ul id="gallery">
							{{each prod.photos photo}}
							<li>
								<a href="#" data-image="{{photo.url}}" data-zoom-image="{{photo.url}}">
									<img src="{{photo.url}}" alt="" style="width: 60px;">
								</a>
							</li>
							{{/each}}
						</ul>
					</div>
					<!--放大镜-->
					
						<form action="" method="post" class="goods-detail">
						<div class="product-titles">
							<h2 class="prod-title">{{prod.title}}</h2>
						</div>
						<div class="product-price">
							<h2 class="prod-price">{{prod.price}}</h2>
						</div>
						<ul class="max-grid clearfix">
							<li>
								<div class="item item1 odd">
									<div class="text-nowrap">货品编号：</div>
								</div>
								<div class="item item2 edf prod-detail">{{prod.id}}</div>
								<div class="item item3 odd">品牌：</div>
								<div class="item item4 edf"><a href="/index.html">米卡米卡</a></div>
							</li>
						</ul>
						<div class="prod-gift">
							<span>规格：</span>
							<span>礼盒</span>
						</div>
						<div class="prod-number">
							<span>数量：</span>
							<div class="num" style="widows: 100%;text-align: center;display: inline-block;">
								<span>
									<a href="javascript:void(0);" class="btn-decrease">-</a>
									<input type="text" value="1" class="prod-amount"/>
									<a href="javascript:void(0);" class="btn-increase">+</a>
								</span>
							</div>
						</div>
						<div class="btn">
							<button>立即购买</button>
							
							<button class="addbuy">
								<input type="submit" value="加入购物车" style="background: #dc4f45;color: white;"/>
							</button>
						</div>
					</form>
				</div>
				
				 <div class="toogle">
			     	<h2>商品详情：</h2>
			     	<p class="m_text2"> 
					{{each prod.descContentList content}}
						{{if content.photo}}
							<div><img src="{{content.photo.url}}" alt=""></div>
						{{/if}}
					{{/each}}
			     	</p>
			     </div>
			
		</script>
		
		
	</body>

</html>